<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sia - Movilmax (Cuenta de usuario) </title>
<link rel="shortcut icon" href="img/sia.ico">
<link href="estilo/style.css" rel="stylesheet" type="text/css" />
<link href="estilo/default.css" rel="stylesheet" type="text/css" />
<sj:head locale="es" jqueryui="true" jquerytheme="cupertino"  />
<script type="text/javascript" src="scripts/funciones.js"></script>

</head>
<body>
<div  id="resultado_ad">
<div>
   	<img id="progreso_gd" src="images/ajax-loader.gif" alt="Guardando..." style="display:none"/>
</div>
<div><img src="images/logo.png" /></div>
<div class="post2" align='center'></div>

<table width="90%" align="center">

	<tr>
		<td>
			<div id="tab_inf_usu0">
				<s:form theme="simple" action="actualizar_datos_usuario" id="actualizarDatos">
						<table width="100%" border="0">
						       <tr>
     <td>
        <div >
            <s:set name="valx" ><s:property value="rp_gd" /></s:set>
			<s:if test="%{#valx=='OK'}">
				<sj:dialog id="myclickdialog" autoOpen="true" modal="true" title="Actualizacion realizada" closeTopics="closeEffectDialog" >
					<table width="100%" >
					  <tr>
						<td>
							<img src="img/ok_gd.png"  width='50px' height='50px' >
						</td>
						<td>
							<div class='ok_msg'><s:property value="msg_gd" /></div>	
						</td>
						</tr>
						  <tr>
							<td colspan='2' class='celda__centro' >
								<sj:a onClickTopics="closeEffectDialog" button="true" >
								   Cerrar
								</sj:a>
							</td>
						 </tr>
				 </table>
    		 </sj:dialog>
		</s:if> 
		<s:if test="%{#valx=='ERR'}">
			<sj:dialog id="myclickdialog2" autoOpen="true" modal="true" title="Datos invalidos..." closeTopics="closeEffectDialog2" >
			   <table width="100%" >
				<tr>
												    	   <td>
												    	     <img src="img/err_gd.png"  width='50px' height='50px' >
												    	   </td>
												    	   <td>
												    	     <div class='err_msg'><s:property value="msg_gd" /></div>	
												    	   </td>
												    	  </tr>
												    	  <tr>
												    	    <td colspan='2' class='celda__centro' >
													    	      <sj:a onClickTopics="closeEffectDialog2" button="true" >
																    	Cerrar
																  </sj:a>
												    	    </td>
												    	  </tr>
												    	</table>
    												</sj:dialog> 
										     </s:if> 
									   </div>
     </td>
    <tr>
						
						   <tr class='tabla_th1'  >
						   <td>
       					    <div id="tab_inf_usu1">
								<table width="100%">
									<tr class='tabla_th1'  >
										<td colspan="2">Cambiar Contrase&ntilde;a</td>
									</tr>
									<tr align="left">
											<td width="50%" >Actual:</td>
											<td align="left"><s:password name="USUARIO_.clave1" id="clave1"></s:password></td>
									</tr>
									<tr>
											<td width="50%" >Nueva:</td>
											<td align="left"><s:password name="USUARIO_.clave2" id="clave2"></s:password></td>
									</tr>
									<tr>
											<td width="50%" >Confirmar:</td>
											<td align="left"><s:password name="USUARIO_.clave3" id="clave3"></s:password></td>
									</tr>
								</table>
							</div>
							<td>
							<tr/>
							<tr class='tabla_th1' >
								<td colspan="2">Datos basicos
								</td>
							</tr>
						 <s:iterator var="outer" status="outer_status" value="accordion" > 
							   <tr align="left">
									<td width="15%">Descripcion:</td>
									 <s:set name="descripcion"><s:property value="value.descripcion" /></s:set>
									<td align="left"><s:textfield size="50" name="USUARIO_.descripcion" id="" value="%{descripcion}" /></td>
								</tr>
								<tr align="left">
									<td width="15%">Cargo:</td>
									<td align="left"><s:property value="value.cargo" /></td>
								</tr>		
								<tr>
									<td>Telefono:</td>
									<s:set name="telefono"><s:property value="value.telefono" /></s:set>
									<td align="left"><s:textfield onkeypress="return soloNumeros(event);" size="30" name="USUARIO_.telefono" id="" value="%{telefono}" ></s:textfield></td>
								</tr>
								<tr>
									<s:set name="celular"><s:property value="value.celular" /></s:set>
									<td>Celular:</td>
									<td align="left"><s:textfield onkeypress="return soloNumeros(event);" size="30" name="USUARIO_.celular" id="" value="%{celular}" ></s:textfield></td>
								</tr>
								<tr>
								<s:set name="ext"><s:property value="value.ext" /></s:set>
									<td>Extencion:</td>
									<td align="left"><s:textfield onkeypress="return soloNumeros(event);" size="30" name="USUARIO_.ext" id="" value="%{ext}" ></s:textfield></td>
								</tr>
								<tr>
									<td>Email:</td>
									<td align="left"><s:property value="value.email"/></td>
								</tr>
								<tr>
									<td>
                             			<sj:submit targets="resultado_ad" indicator="progreso_gd" button="true" value="Actualizar Datos"  />
                          			</td>
								</tr>
							</s:iterator>
					 </table>
				</s:form>
			</div>			
		</td>
	</tr>
</table>
</div>
</body>
</html>